<!-- Sub banner -->
<div id="sub_banner" class="training_head">
  <div class="container">
    <div class="text">
      <h2 style="color: #FFFFFF;">Products</h2>
    </div>
  </div>
</div>
<!-- Sub banner End --> 

<!-- Sub Content -->
<div id="sub_content">
  <div class="container">
    <div class="products_wrapper">
      <?php if (count($products)) : ?>
        <?php foreach ($products as $product) : ?>
          <div class="product_main_wrap">
              <img width="74" class="product_img" src="<?php echo '/uploads/images/product/' . $product->getId() . '.' . $product->getImageExt(); ?>" />                    
            <div class="product_details_wrap">
              <div class="product_details">
                <div class="product_details_top">
                  <h4><?php echo $product->getProductName(); ?></h4>
                  <!--<img src="images/android.png" align="left" />
                  <span>Andriod</span>
                  <span>v4.0 (ICS)</span>-->
                </div>                    
                <div class="product_details_min">
                  <?php echo $product->getDescription(); ?>
                </div>
                <!--<a class="view_Details" href="#">View Details</a>-->
              </div>
            </div>
            <div class="clear"></div>                
          </div>
        <?php endforeach; ?>
      <?php endif; ?>
      <div class="clear"></div>
    </div>
  </div>
  <div class="clear"></div>
</div>
